import {
  init,
  classModule,
  propsModule,
  styleModule,
  eventListenersModule,
  // h,
} from "snabbdom";
import h from './mysnabbdom/h.js';
// 创建path函数
const patch = init([
  // Init patch function with chosen modules
  classModule, // makes it easy to toggle classes
  propsModule, // for setting properties on DOM elements
  styleModule, // handles styling on elements with support for animations
  eventListenersModule, // attaches event listeners
]);

let myVNode1 = h('a', {
  props: {
    href: 'https://www.baidu.com',
    target: '_blank'
  }
}, '百度1');


// const myVNode2 = h('div', {
//   class: {
//     'box': true
//   },
//   props: {
//     style: 'color:#f00;height:100px;font-size:27px'
//   }
// }, '我是一个盒子')

// const myVNode3 = h('ul', [
//   h('li', '西瓜'),
//   h('li', [
//     h('div', 'xixi')
//   ]),
//   h('li', '火龙果')
// ])
// console.log(myVNode1);
//让虚拟节点上树
const container = document.getElementById('container');
patch(container, myVNode1);